<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>MusicVisualizer</title>
    <meta
      name="viewport"
      content="width=device-width,initial-scale=1.0,user-scalable=no"
    />
    <link rel="stylesheet" href="styles/index.css" />
  </head>
  <body>
    <header>
      <button id="add">添加音乐</button>
      <input id="loadfile" type="file" />
      <ul class="type">
        <li data-type="dot">点</li>
        <li data-type="column" class="selectedType">柱</li>
      </ul>
      <p>
        音量: <input id="volume" type="range" min="0" max="100" value="60" />
      </p>
    </header>

    <!-- 画布canvas区域 -->
    <div class="right"></div>
    <script src="scripts/MusicVisualizer.js"></script>
    <script src="scripts/index.js"></script>
  </body>
</html>
